<div xmlns="http://www.w3.org/1999/xhtml" lang="en"
	 xmlns:f="http://typo3.org/ns/fluid/ViewHelpers"
	 xmlns:mf="http://typo3.org/ns/MiniFranske/FsMediaGallery/ViewHelpers">

	<f:section name="Thumb">
		<f:link.action pageUid="{settings.detail.pageUid}" controller="MediaAlbum" arguments="{mediaAlbum: mediaAlbum}" target="_blank">
			<f:if condition="{random}">
				<f:then>
					<f:render partial="MediaAsset/Detail" section="Detail" arguments="{alt:mediaAlbum.title,title:mediaAlbum.title,mediaAsset:mediaAlbum.randomAsset,width:width,height:height,resizeMode:resizeMode}" />
				</f:then>
				<f:else>
					<f:render partial="MediaAsset/Detail" section="Detail" arguments="{alt:mediaAlbum.title,title:mediaAlbum.title,mediaAsset:mediaAlbum.mainAsset,width:width,height:height,resizeMode:resizeMode}" />
				</f:else>
			</f:if>
		</f:link.action>

		<h4 class="name">
			<f:link.action controller="MediaAlbum" arguments="{mediaAlbum: mediaAlbum}">{mediaAlbum.title}</f:link.action>
		</h4>

		<!-- <div class="description">
			<span class="teaser">
				<f:format.crop maxCharacters="17" append="&nbsp;...">{mediaAlbum.webdescription}</f:format.crop>
			</span>
			<span class="asset-count">{mediaAlbum.assetsCount} <f:translate key="assets">assets</f:translate></span>
			<span class="date"><f:format.date date="{mediaAlbum.datetime}" format="d.m.Y" /></span>
		</div> -->
	</f:section>

</div>